/*-------整屏轮播---------------*/
 * {
            padding: 0;
            margin: 0;
        }
ol, ul {
	list-style: none;
	text-decoration:none;
}
a {
  text-decoration: none;
}
html,body {
            width: 100%;
            height: 100%;
            overflow: hidden;
			text-decoration:none;
			list-style:none;
			-webkit-font-smoothing: antialiased;
			color: #333;
			text-size-adjust: none;
			-webkit-text-size-adjust: none;
			background-color: #FFF;
			height: 100%;
			font: 14px/1.8 "HarmonyOS";
        }
.container {
            position: relative;
            height: 100vh;
            width: 100%;
            transition: transform 0.8s ease;
        }
/*----------导航+轮播------------*/        
        .section {
            height: 100vh;
            width: 100%;
            position: relative;
            overflow: hidden;
        }
        
        .section-content {
            width:100%;
            z-index: 2;
        }
        
        .section-indicator {
            position: fixed;
            top: 15px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 10px 20px;
            border-radius: 30px;
            font-size: 14px;
            z-index: 1000;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .controls {
            position: fixed;
            right: 30px;
            top: 50%;
            transform: translateY(-50%);
            list-style: none;
            z-index: 100;
        }
        
        .controls li {
		width: 53px;
		height: 20px;
		text-align: center;
		border-radius: 15%;
		background: rgba(255, 255, 255, 0.4);
		margin: 10px 0;
		padding-bottom: 10%;
		cursor: pointer;
		position: relative;
		transition: background 0.3s ease;
		}
        
        .controls li.active {
            background:#0929a3;
			color:#fff;
        }
        
        .controls li::after {
            content: attr(data-title);
            position: absolute;
            right: 25px;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            padding: 5px 12px;
            border-radius: 4px;
            font-size: 12px;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }
        
        .controls li:hover::after {
            opacity: 1;
        }
        /* 各section背景色 */
        .section1 { background:url(../images/ban/1.jpg) no-repeat;background-size:100% auto;}
        .section2 { background:url(../images/ban/3.jpg) no-repeat;background-size:100% auto;}
        .section3 { background:url(../images/ban/4.jpg) no-repeat;background-size:100% auto; }
        .section4 { background:url(../images/ban/5.jpg) no-repeat;background-size:100% auto; }
        .section5 { background:url(../images/ban/6.jpg) no-repeat;background-size:100% auto;}
        .section6 { background:url(../images/ban/3.jpg) no-repeat;background-size:100% auto;}
        .section7 { background:url(../images/ban/4.jpg) no-repeat;background-size:100% auto;}
        .section8 { background:url(../images/ban/5.jpg) no-repeat;background-size:100% auto;}
        .section9 { background:url(../images/ban/6.jpg) no-repeat;background-size:100% auto;}
		.section10 { background:url(../images/ban/3.jpg) no-repeat;background-size:100% auto;}
		.section11 { background:url(../images/ban/5.jpg) no-repeat;background-size:100% auto; }
        .section12 { background:url(../images/ban/3.jpg) no-repeat;background-size:100% auto;}
		.section13 { background:url(../images/ban/5.jpg) no-repeat;background-size:100% auto;}
		.section14 { background:url(../images/ban/9.jpg) no-repeat;background-size:100% auto;}   		
        /* 导航栏样式 */
        .navbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            padding: 20px 5%;
            justify-content: space-between;
            align-items: center;
            z-index: 1000;
            transition: background 0.3s ease;
        }
        
        .navbar.scrolled {
            background: rgb(18 74 157 / 90%);
            padding: 15px 5%;
        }
        
        .mg_logo {
			width:6%;
			margin:0px 2%;
			float:left;
            color: white;
            font-size: 1.8rem;
            font-weight: bold;
            letter-spacing: 1px;
        }
        .mg_logo img{width:100%;float:left;}
        .nav-links {
            width:60%;
			float:left;
			margin-top:0.3%;
			margin-left:2%;
        }
        
        .nav-links li {
            height:25px;
			padding-right:2%;
			float:left;
        }
        
        .nav-links a {
            color:#fff;
			font-size:17px;
        }
        
        .nav-links a:hover {
            color: #4facfe;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            h2 {
                font-size: 2rem;
            }
            
            p {
                font-size: 1rem;
            }
            
            .controls {
                right: 15px;
            }
            
            .controls li::after {
                display: none;
            }
        }
.mg_zhjs{width:30%;margin-top:1%;position:fixed;top:0px;color:#fff;right:0px;z-index:1000;float:right;}
.mg_zhjs span{width:45%;float:left;color:#fff;font-size:20px;}
.mg_zhjs span b{font-size:25px;}
.mg_zhjs font{float:left;margin-right:1%;color:#fff;font-size:16px;}
.jij_ser{width:25%;margin-left:7%;float:left;}
.jij_ser form{ width:100%;float:left;align-items: center; height: 36px;line-height: 34px; border-radius: 18px;border: solid 1px #fff;padding-right: 12px;}
.search-sub {width:10%; margin-top:5%;height: 18px;font-size: 18px; border:none;color: #c39c61;cursor: pointer;background:transparent;}
.search-inp{width:85%;color:#fff;padding-left:5%;float:left;border:none;background:transparent;outline:none;height:38px;box-sizing:border-box;}
.search-sub img{width:100%;float:left;}
/*----------导航+轮播------------*/ 
/*----------产品------------*/
 .zhyang_cp{width:100%;position:relative;top:0px;left:0px;z-index:50;float:left;}
 .zhyang_cpa{width:50%;height:950px;background-color: #f3f5f7;float:left;}
 .zhyang_cpb{width:46%;float:right;margin-top:15%;}
 .zhyang_ui{width:50%;float:left;position:absolute;top:20%;left:25%;z-index:400;}
 .zhyang_ui span{width:100%;float:left;}
 .zhyang_ui span a img{width:100%;float:left;}
.ui2,.ui3,.ui4,.ui5{display:none;}
.zhyang_cpaa{width:50%;float:left;margin-left:15%;margin-top:20%;}
.zhyang_cpaa h2{width:100%;float:left;font-size:53px;line-height:75px;}
.zhyang_cpaa h2 a{color:#222;}
.zhyang_cpaa h2 a:hover{color:#fabf13;}
.zhyang_cpaa p{width:100%;float:left;margin-top:5%;font-size:32px;color:#e1e1e1;}
.zhyang_cpaa span{width:100%;float:left;font-size:15px;line-height:30px;margin-top:6%;color:#666;}
.zhyang_fu{width:50%;float:left;margin-left:10%;margin-top:2%;}
.zhyang_fu span{width:18%;cursor:pointer;margin:0px 1% 0px 8%;float:left;text-align:center;margin-top:2%;}
.zhyang_fu span i{width:100%;padding:16% 0px;float:left;text-align:center;font-size:55px;border-radius:50%;background-color:#fff;color:#e1e1e1;}
.zhyang_fu span b{margin-top:1%;font-size:12px;font-weight:normal;}
.zhyang_fu span i:hover{cursor:pointer;background-color:rgb(18 74 157 / 90%);color:#fff;}
.zhyang_cpb span{width:50%;float:left;margin-left:30%;}
.zhyang_cpb span h2{width:100%;float:left;font-size:25px;line-height:35px;}
.zhyang_cpb span p{width:100%;float:left;font-size:20px;line-height:40px;margin-top:5%;}
.zhyang_cpb span a{width:150px;float:left;background-color:#fabf13;font-size:20px;color:#fff;border-radius:10px;line-height:40px;text-align:center;margin-top:10%;}
.uib,.uic,.uid,.uie{display:none;}
#baid{color:#fff;}
#baid h2{color:#fff;}
#baid p{color:#fff;}
.zhyang_fu span i:hover{background-color:rgb(18 74 157 / 90%);color:#fff;}
/*----------产品------------*/
/*----------新闻资讯------------*/
.news-container {
            width: 100%;
            height: 750px;
            background: #ffffff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;
        }
        
        /* 顶部简约标题 */
        .news-header {
            background: #ffffff;
            border-bottom: 1px solid #e9ecef;
            text-align: center;
        }
        
        .logo {
            display: inline-flex;
            align-items: center;
            gap: 15px;
        }
        
        .logo-icon {
            font-size: 32px;
            color: #4361ee;
        }
        
        .logo-text {
            font-size: 32px;
            font-weight: 700;
            color: #333;
            letter-spacing: 1px;
        }
        
        .date-display {
            margin-top: 10px;
            font-size: 16px;
            color: #6c757d;
            font-weight: 500;
        }
        
        /* 主内容区 */
        .news-main {
            display: flex;
            flex: 1;
            overflow: hidden;
        }
        
        /* 主要内容区 */
        .news-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            height: 100%;
            overflow: hidden;
            padding: 0 30px;
        }
        
        /* 热点新闻 */
        .hot-news {
            padding: 30px 0;
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid #e9ecef;
        }
        
        .hot-news-content {
            display: flex;
            gap: 40px;
            align-items: center;
        }
        
        .hot-news-img {
            width: 400px;
            height: 250px;
            border-radius: 15px;
            object-fit: cover;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
        }
        
        .hot-news-img:hover {
            transform: scale(1.02);
        }
        
        .hot-news-text {
            flex: 1;
        }
        
        .hot-news-tag {
            display: inline-block;
            background: linear-gradient(to right, #4361ee, #3a0ca3);
            padding: 8px 20px;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 20px;
        }
        
        .hot-news-title {
            font-size: 22px;
            margin-bottom: 20px;
            line-height: 1.3;
            font-weight: 700;
            color: #333;
        }
        
        .hot-news-desc {
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 30px;
            color: #495057;
        }
        
        .hot-news-meta {
            display: flex;
            gap: 20px;
            font-size: 14px;
            color: #6c757d;
        }
        
        /* 新闻列表 */
        .news-list-container {
            flex: 1;
            padding: 30px 0;
            overflow-y: auto;
        }
        
        .section-tiitle {
            font-size: 24px;
            margin-bottom: 25px;
            font-weight: 600;
            color: #4361ee;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .news-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 25px;
        }
        
        .news-card {
            background: #ffffff;
            border-radius: 15px;
            overflow: hidden;
            transition: all 0.3s ease;
            border: 1px solid #e9ecef;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
        }
        
        .news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(67, 97, 238, 0.1);
            border-color: rgba(67, 97, 238, 0.2);
        }
        
        .card-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            display: block;
            transition: transform 0.3s ease;
        }
        
        .news-card:hover .card-img {
            transform: scale(1.05);
        }
        
        .card-content {
            padding: 20px;
        }
        
        .card-category {
            display: inline-block;
            background: rgba(67, 97, 238, 0.1);
            color: #4361ee;
            padding: 5px 15px;
            border-radius: 30px;
            font-size: 13px;
            margin-bottom: 15px;
            font-weight: 500;
        }
        
        .card-title {
            font-size: 20px;
            margin-bottom: 12px;
            line-height: 1.4;
            font-weight: 600;
            color: #333;
        }
        
        .card-desc {
            font-size: 15px;
            line-height: 1.6;
            color: #495057;
            margin-bottom: 20px;
        }
        
        .card-meta {
            display: flex;
            justify-content: space-between;
            font-size: 13px;
            color: #6c757d;
        }
        
        /* 右侧边栏 */
        .news-aside {
            width: 300px;
            background: #f8f9fa;
            padding: 30px;
            border-left: 1px solid #e9ecef;
            height: 100%;
            overflow-y: auto;
        }
        
        .trending-news {
            margin-bottom: 40px;
        }
        
        .trending-title {
            font-size: 20px;
            margin-bottom: 25px;
            font-weight: 600;
            color: #4361ee;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .trending-list {
            list-style: none;
        }
        
        .trending-item {
            padding: 15px 0;
            border-bottom: 1px solid #e9ecef;
        }
        
        .trending-item:last-child {
            border-bottom: none;
        }
        
        .trending-link {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            font-size: 16px;
            display: block;
            transition: all 0.3s ease;
            line-height: 1.5;
            position: relative;
            padding-left: 15px;
        }
        
        .trending-link:hover {
            color: #4361ee;
        }
        
        .trending-link::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            background: #4361ee;
            border-radius: 50%;
        }
        
        .trending-meta {
            display: flex;
            gap: 15px;
            margin-top: 8px;
            font-size: 13px;
            color: #6c757d;
            padding-left: 15px;
        }
        
        .ad-container {
            background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
            border-radius: 15px;
            padding: 25px;
            text-align: center;
            border: 1px solid rgba(67, 97, 238, 0.1);
            margin-top: 30px;
        }
        
        .ad-title {
            font-size: 20px;
            margin-bottom: 15px;
            color: #4361ee;
        }
        
        .ad-desc {
            font-size: 15px;
            color: #495057;
            margin-bottom: 20px;
            line-height: 1.6;
        }
        
        .ad-button {
            background: linear-gradient(to right, #4361ee, #3a0ca3);
            color: #ffffff;
            border: none;
            padding: 12px 30px;
            border-radius: 30px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .ad-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(67, 97, 238, 0.3);
        }

        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .news-aside {
                width: 250px;
            }
            
            .hot-news-content {
                flex-direction: column;
            }
            
            .hot-news-img {
                width: 100%;
            }
        }
        
        @media (max-width: 992px) {
            .news-main {
                flex-direction: column;
            }
            
            .news-aside {
                width: 100%;
                height: auto;
                border-left: none;
                border-top: 1px solid #e9ecef;
            }
        }
        
        @media (max-width: 768px) {
            .news-header {
                padding: 20px;
            }
            
            .logo-text {
                font-size: 28px;
            }
            
            .news-grid {
                grid-template-columns: 1fr;
            }
            
            .footer-links {
                flex-wrap: wrap;
                justify-content: center;
                gap: 15px;
            }
            
            .news-footer {
                flex-direction: column;
                gap: 15px;
                text-align: center;
            }
        }
.gabnxw{width:80%;float:left;margin:6% 10% 0px 10%;}
/*----------新闻资讯------------*/
/*----------联系我们------------*/
.nj_foot{width:80%;height:800px;margin-top:5%;margin-left:10%;float:left;background:url(../images/ban_bg.jpg) no-repeat;background-size:100% 100%;}
.nj_fota{width:1500px;margin:0px auto;}
.nj_foa{width:24%;padding:3%;margin-top:7%;float:left;}
.nj_foa span{width:100%;float:left;}
.nj_foa span img{width:50%;float:left;margin:2% 25%;}
.nj_foa span p{width:100%;color:#fff;float:left;line-height:80px;font-size:22px;text-align:center;}
.nj_foa span font{width:100%;float:left;}
.nj_foa span font strong{width:50%;float:left;}
.nj_foa span font strong img{width:80%;float:left;margin:10%;}
.nj_foa span font strong b{width:100%;float:left;text-align:center;font-size:15px;color:#fff;}
.nj_fob{width:60%;margin-top:9%;border-bottom:solid 1px #e1e1e1;padding-bottom:2%;float:right;}
.nj_fob span{width:100%;margin-top:5%;float:left;}
.nj_fob span a{width:16.5%;border-right:solid 1px #e1e1e1;text-align:center;float:left;font-size:16px;font-weight:normal;line-height:25px;color:#222;}
.nj_foc{width:60%;float:right;}
.nj_foc span{width:70%;margin-top:3%;float:right;}
.nj_foc span p{width:100%;float:left;font-size:16px;line-height:45px;font-weight:normal;color:#333;}
.nj_fod{width:50%;float:right;border-top:solid 1px #e1e1e1;margin-top:3%;}
.nj_fod span{width:100%;float:left;font-size:18px;font-weight:normal;line-height:50px;color:#333;}
.nj_fod span a{font-size:16px;color:#222;}
.youlian{width:100%;float:left;}
.youlian span{float:left;}
.youlian a{float:left;font-size:12px;color:#fff;color:#222;}
/*----------联系我们------------*/
@media (min-width: 2001px) {
.section2,.section1,.section3,.section4,.section5,.section6,.section7,.section8,.section9,.section10,.section11,.section12,.section13,.section14{background-size:100% 100%;}
.nj_foot{margin-top:12%;}
.news-container{margin-top:5%;height:auto;}
.zhyang_cp{height:100vh;}
.zhyang_cpa{height:100vh;}
}
@media screen and (min-width:1600px) and (max-width:1800px) {
.section2,.section1,.section3,.section4,.section5,.section6,.section7,.section8,.section9,.section10,.section11,.section12,.section13,.section14{background-size:100% 100%;}
.zhyang_fu{width:60%;}
.nj_fota{width:100%;float:left;}
.nj_foc span{width:80%;}
.section-indicator{left: 56%;}
.mg_zhjs{margin-top:1.3%;}
.jij_ser{margin-top:-1%;}
.nj_fob span a{font-size:13px;}
}
@media screen and (min-width:1501px) and (max-width:1599px) {
.section2,.section1,.section3,.section4,.section5,.section6,.section7,.section8,.section9,.section10,.section11,.section12,.section13,.section14{background-size:100% 100%;}
.zhyang_fu{width:65%;}
.nj_fota{width:100%;float:left;}
.nj_foc span{width:80%;}
.section-indicator{left: 56%;}
.mg_zhjs{margin-top:1.3%;}
.jij_ser{margin-top:-1%;}
.nj_fob span a{font-size:13px;}
.mg_zhjs{width:35%;}
}

@media screen and (min-width:1200px) and (max-width:1500px) {
.section2,.section1,.section3,.section4,.section5,.section6,.section7,.section8,.section9,.section10,.section11,.section12,.section13,.section14{background-size:100% 100%;}
.zhyang_fu{width:65%;}
.nj_fota{width:100%;float:left;}
.nj_foc span{width:80%;}
.section-indicator{top:7px;left: 66%;}
.mg_zhjs{width:15%;margin-top:1.3%;}
.jij_ser{margin-top:-1%;}
.nj_fob span a{font-size:13px;}
.mg_zhjs span{display:none;}
.zhyang_cpaa h2{font-size:37px;}
.zhyang_cpaa p{font-size:26px;}
.zhyang_cpb span p{font-size:16px;line-height:30px;}
.zhyang_fu span{margin-right:16%}
.nav-links{margin-top:0px;}
.hot-news-img{display:none;}
.nj_fob span a{width:15.5%;height:25px;overflow:hidden;}
}

